<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>web成果展示</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="./css/自定义栅格.css" />
		<link rel="stylesheet" type="text/css" href="./css/webProduct.css" />
		<link rel="stylesheet" type="text/css" href="./css/public.css" />
		<link rel="stylesheet" type="text/css" href="./css/iconfont.css" />
		<link rel="shortcut icon" href="./img/1inlin.png">
		<script src="./js/public.js" type="text/javascript" charset="utf-8"></script>

	</head>

	<body>
		<div id="myHome">
			<!--头部开始-->
			<div id="header" class="clearfix">
				<div class="header_fix">
					<div class="container">
						<div class="row clearfix">
							<a href="index.html" class="col-xs-6 logo"><i></i></a>
							<ul>
								<a href="index.html" class="col-xs-6 ">
									<li>
										<i class="iconfont icon-mu"></i>
										<span>首页</span>
									</li>
								</a>
								<a href="aboutMe.html" class="col-xs-6 ">
									<li class="aboutMe">
										<i class="iconfont icon-wo"></i>
										<span>关于我</span>
									</li>
								</a>
								<a href="music.html" class="col-xs-6 ">
									<li>
										<i class="iconfont icon-yinle"></i> 音乐
									</li>
								</a>
								<a href="photos.html" class="col-xs-6 ">
									<li>
										<i class="iconfont icon-zhaopian"></i>
										<span>相册</span>
									</li>
								</a>
								<a href="diary.html" class="col-xs-6 ">
									<li>
										<i class="iconfont icon-diary"></i>
										<span>日记</span>
									</li>
								</a>
								<a href="travel.html" class="col-xs-6 ">
									<li>
										<i class="iconfont icon-lvhang1"></i> 旅行
									</li>
								</a>

								<a href="contactME.html" class="col-xs-6 ">
									<li>
										<i class="iconfont icon-dianhua"></i>
										<span>联系我</span>
									</li>
								</a>
								<a href="webProduct.html" class="col-xs-6 ">
									<li class="web">
										<i class="iconfont icon-xiangmu"></i>
										<span>web作品展示</span>
									</li>
								</a>
							</ul>
						</div>

					</div>
				</div>

			</div>
			<!--头部结束-->

			<!--内容部分-->
			<div class="container webcon">
				<!--左侧导航栏-->
				<div class="row">
					<div class="col-lg-2 col-md-2 col-sm-2 col-xs-5 menu">
						<ul>
							<a href="http://zhangqinlin.gitee.io/fangxiaomi" target="_blank">
								<li>
									<i class="iconfont icon-mu1"></i>
									<span>小米商城</span>
								</li>
							</a>
							<a href="#">
								<li class="aboutMe">
									<i class="iconfont icon-xiaoren"></i>
									<span>照片墙</span>
								</li>
							</a>
							<a href="./webProduct/3dPhotos.html" target="_blank" class="xuanzhuan">
								<li>
									<i class="iconfont icon-yinle"></i>
									<span>3d照片</span>
								</li>
							</a>
							<a href="#">
								<li>
									<i class="iconfont icon-xiangce"></i>
									<span>淘宝移动端首页</span>
								</li>
							</a>
							<a href="#">
								<li>
									<i class="iconfont icon-xieriji"></i>
									<span>美团网</span>
								</li>
							</a>
							<a href="#">
								<li>
									<i class="iconfont icon-flower"></i>
									<span>京东商城</span>
								</li>
							</a>

						</ul>
					</div>
					<!--左侧导航栏结束-->
					<!--右侧主要内容区域-->
					<div class="col-lg-10 col-md-10 col-sm-10 col-xs-7 mainContent">
						<div class="webDesc">
							<!--内容部分-->
							<div id="content">
								<div class="lbt">
									<div id="box">
										<div class="item1 a">
											<img src="./img/1.jpg" />
										</div>
										<div class="item2 a">
											<img src="./img/2.jpg" />
										</div>
										<div class="item3 a">
											<img src="./img/3.jpg" />
										</div>
										<div class="item4 a">
											<img src="./img/4.jpg" />
										</div>
										<div class="item5 a">
											<img src="./img/5.jpg" />
										</div>
										<div class="item6 a">
											<img src="./img/6.jpg" />
										</div>
										<div class="item7 a">
											<img src="./img/7.jpg" />
										</div>
										<div class="item8 a">
											<img src="./img/8.jpg" />
										</div>
										<div class="item9 a">
											<img src="./img/9.jpg" />
										</div>
										<div class="item10 a">
											<img src="./img/10.jpg" />
										</div>
										<div class="item11 a">
											<img src="./img/11.jpg" />
										</div>
										<div class="item12 a">
											<img src="./img/12.jpg" />
										</div>
										<div class="item14 a">
										</div>
									</div>
								</div>
							</div>

						</div>

					</div>
				</div>
				<!--右侧主要内容区域结束-->
			</div>
			<!--内容部分结束-->
			<!--底部部分-->
			<div id="footer">
				<div class='container'>
					<div class='footer_link'>web前端学习常用链接：
						<a href="https://github.com/">github代码托管</a>
						<a href="https://ke.qq.com/">腾讯课堂</a>
						<a href="https://gitee.com/">码云</a>
						<a href="http://www.w3school.com.cn/">W3C school</a>
						<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript">javascript MDN</a>
						<a href="http://www.runoob.com/">菜鸟教程</a>
						<a href="https://ke.qq.com/">自强学堂</a>
					</div>
					<p>本网站作者：张琴琳，所有的内容由本人原创，侵权必究。</p>
				</div>
			</div><br />
			<!--底部部分结束-->
			<div class="toTOP">
				<div class="f_top">

				</div>
			</div>

		</div>
	</body>

</html>